// pages/product/index.js
import {getRubbers, getBlades} from '../../api/index';
const app = getApp()

Page({
  /**
   * 页面的初始数据
   */
    data: {
        searchKeyword: '狂飙', // 默认显示搜索词
        // tab栏目 数据
        tabs: [
          { id: 1, name: "胶皮" },
          { id: 2, name: "底板" },
          // ...其他tab
        ],
        activeIndex: 0,
        // 子组件数据
        rubberData: [],  // 胶皮数据
        bladeData: [],   // 底板数据
    },


   // 输入框获取焦点时跳转到搜索页面
    onSearchFocus: function() {
      wx.navigateTo({
          url: '/pages/search/index?keyword='
        });
    },

    // 点击搜索按钮
    onSearch: function() {
      const keyword = this.data.searchKeyword || '狂飙三';
      wx.navigateTo({
        url: '/pages/search/index?keyword=' + keyword
      });
    },
    

    // 栏目切换
    swiperChange(e) {
      // 处理swiper滑动切换
       if (e.detail && e.detail.current !== undefined) {
           this.setData({ activeIndex: e.detail.current });
       } 
       // 处理tab点击切换
       else if (e.currentTarget && e.currentTarget.dataset.index !== undefined) {
           this.setData({ activeIndex: e.currentTarget.dataset.index });
       }
   },

  /**
   * 生命周期函数--监听页面加载
   */
  async onLoad(options) {
    //  可以进行调用
    // testcloud();

    // 请求胶皮数据
      // 这里结构并重命名
    let { result: rubberResult } = await getRubbers();
    this.setData({rubberData: rubberResult.list });
    // console.log(rubberResult)


    // 请求底板数据
    let { result: bladeResult } = await getBlades();
    this.setData({bladeData: bladeResult.list });
    
    // 将请求的胶皮数据传递给子组件初始化使用。
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {
    // 当页面回切的时候，不需要再重新请求网络数据，而是使用全局的缓存数据来进行。
    // if (app.globalData.products.length > 0) {
    //     this.setData({
    //         products: app.globalData.products,
    //         filteredProducts: app.globalData.products // 初始化显示全部
    //     });
    // }
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})